<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<style type="text/css">
			.mui-col-sm-3{width:50%;}
			.mui-col-sm-3 a {margin:20px -5px !important}
		</style>
	
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">		
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">库房管理系统手持终端</h1>
		</header>
		<div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-4">
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="kj/stockIn.html">
					        <span class="mui-icon mui-icon-plus"></span>
					        <div class="mui-media-body">物料入库</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		            	<a href="kj/bandLoc.html">
		                    <span class="mui-icon  mui-icon-compose"></span>
		                    <div class="mui-media-body">设定储位</div>
		            	</a>
		            </li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="kj/CsdOutCs.html">
					        <span class="mui-icon mui-icon-circle"></span>
					        <div class="mui-media-body">托盘出库</div>
						</a>
					</li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="kj/pk.html">
		                    <span class="mui-icon mui-icon-star"></span>
		                    <div class="mui-media-body">托盘盘库</div>
						</a>
					</li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="kj/CsdOutDoo.html">
					        <span class="mui-icon mui-icon-circle-filled"></span>
					        <div class="mui-media-body">单据出库</div>
						</a>
					</li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="kj/pk_do.html">
		                    <span class="mui-icon mui-icon-star-filled"></span>
		                    <div class="mui-media-body">单据盘库</div>
						</a>
					</li>
					
		        </ul> 
		</div>
	</body>
	<script src="js/mui.js"></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
	</script>
</html>